<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>axios练习</title>
		
		
	</head>
	<body>
		<!-- 导入axios -->
		<h1>Axios 调用</h1>
		<script src="../js/axios.js"></script>
		<script>
			// 编辑ajax请求
			//常用的请求方式:get delete post put 
			// 分析:get delete 同种类型
			// 		post put 同种类型
			/**
			 * 1.get请求
			 * url:http://localhost:8090/getUser
			 * 返回值: List 集合的JSON数据
			 */
			axios.get("http://localhost:8090/getUser").then(function(result){
				// data是axios封装的promise对象
				console.log(result)
				console.log(result.data);
			})
			// 2.get 带参数的请求方式 ?拼接的方式
			// 适合参数只有个别的场景
			// url:http://localhost:8090/getUserById?id=100
			// 返回值：User对象的JSON串
			axios.get("http://localhost:8090/getUserById?id=1").then(function(result){
				console.log(result.data)
			})
			/**
			 * 3.带参数的数据传递,params对象方式
			 * 如果参数有多个，可以封装成对象
			 */
			let user = {
				id: 3
			}
			axios.get("http://localhost:8090/getUserById",{
				params :user
				
			}).then((result)=>{
				console.log(result.data)
			})
			/**
			 * 利用restFul风格实现数据传参
			 * restFul:
			 * 1.参数使用/风格
			 * 2.url中不能出现动词
			 */
			axios.get("http://localhost:8090/user/1").then(result => {
				console.log(result.data)
			})
			//ajax删除操作
			axios.delete("http://localhost:8090/user/237").then(result => {
				console.log(result.data)
			})
			
		</script>
		
		
	</body>
</html>
